<div class="col-md-12 col-sm-12 col-xs-12" v-cloak id="indexController">
    <div class="x_panel">
        <div class="x_title">
            <h2 style="width:300px;">
                问题列表
                <small></small>
            </h2>
            <ul class="nav navbar-right panel_toolbox">

                <li>
                    <a v-on:click="init()">
                        <i class="fa fa-refresh">
                        </i>
                    </a>
                </li>
            </ul>
            <div class="clearfix"></div>
        </div>
        <div class="x_content">
            <div class="form-inline">
                <div class="form-group pull-left">
                    <label class="form-label">问题描述</label>
                    <input type="text" class="form-control" v-model="searchCondition.name" placeholder="问题描述" /> &nbsp;&nbsp;
                </div>
                <div class="form-group pull-left">
                    <label class="form-label">问题类型</label>
                    <select class="select2" style="width:150px;" v-model="searchCondition.questionType">
                        <option v-for='item in questionTypes' v-bind:value='item'>
                            {{item=='SingleChoiceQuestion'?'单选题':(item=='MultipleChoiceQuestion'?'多选题':(item=='JudgmentQuestion'?'判断题':'简答题'))}}
                        </option>
                    </select> &nbsp;&nbsp;
                </div>
                <div class="form-group pull-left">
                    <label class="form-label">科目类型</label>
                    <select class="select2 " style="width:150px;" v-model="searchCondition.subjectId">
                        <option v-for='item in subjects' v-bind:value='item.id'>
                            {{item.name}}
                        </option>
                    </select> &nbsp;&nbsp;
                </div>
                <div class="form-group pull-left">
                    <button class="btn btn-sm btn-primary" v-on:click="loadData()" type="button">查询</button>
                </div>
            </div>
            <table class="table table-striped table-bordered" style="margin-top:60px;">
                <thead>
                    <tr>
                        <th>选择</th>
                        <th>编号</th>
                        <th>问题描述</th>
                        <th>问题类型</th>
                    </tr>
                </thead>
                <tbody>
                    <tr v-for="(item,index) in list">
                        <td>
                            <input class="icheck" type="checkbox" v-model="item.selected" v-on:change='selectQuestion(item)' />
                        </td>
                        <td>{{((pager.pageIndex-1)*pager.pageSize)+index+1}}</td>
                        <td v-html="item.examinationQuestions"></td>
                        <td>
                            <span v-if="item.questionType=='SingleChoiceQuestion'">单选题</span>
                            <span v-if="item.questionType=='MultipleChoiceQuestion'">多选题</span>
                            <span v-if="item.questionType=='JudgmentQuestion'">判断题</span>
                            <span v-if="item.questionType=='ShortAnswerQuestion'">简答题</span>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
        <page v-on:pagechange="pageChange" v-bind:pager="pager" ref="pager"></page>
        <div class="form-group">
            <div class="col-md-6 col-sm-6 col-xs-12 col-md-offset-3">
                <button type="button" class="btn btn-success" v-on:click="confirm()">确认</button>
                <button class="btn btn-primary" type="button" v-on:click="close()">关闭</button>
            </div>
        </div>
    </div>
</div>
<script page-script="./dist/js/TemplatePage/selectQuestionPage.js">
</script>